<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>Insert title here</title>
<!-- 最新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） -->
<link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
</head>

<style type="text/css">
.all {
	background-color: gainsboro;
	height: 900px;
}

#footer {
	margin-top: 30px;
	text-align: center;
	padding: 20px 0;
}

h1 {
	color: blue;
	text-align: center;
}

.image {
	padding-top: 20px;
}

.image {
	margin-top: 10px;
	text-align: center;
	background-color: #ffffff;
}

h3 {
	color: red;
}

.image img {
	padding-right: 130px;
}

.left {
	float: left;
	margin-left: 350px;
}

.hhh {
	
}

h2 {
	color: red;
}
</style>
<script type="text/javascript">

	
					function check(id) {
							
							$.getJSON("ownerse",{id : id},
					  function(data) {
							var html = "";
							$.each(data,function(i,item) {
								$("#nickName").val(item["nickName"]);
								$("#password").val(item["password"]);
								$("#repassword").val(item["repassword"]);
								$("#email").val(item["email"]);
							})			
							
					   });
						
					}
</script>

<body>
	<div class="all">
		<h1>业主爱家---业主管理</h1>
		<div class="image">
			<div class="left">
				<!-- Modal -->
				<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
					aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal"
									aria-hidden="true">&times;</button>
								<h4 class="modal-title" id="myModalLabel">Modal title</h4>
							</div>
							<div class="modal-body">
							
	<form action="ownerss" style="padding: 70px; border: 0.5px black solid;background:rgba(0,0,0,.2);">
			
			<label style="color: white;">
				用户名:
			</label>
			<input type="text" id="nickName" /><br/>
			<label style="color: white;">
				密码：
			</label>
			<input type="password" id="password" /><br/>
			
			<label style="color: white;">
				确认密码：
			</label>
			<input type="password" id="repassword" /><br/>
			
			<label style="color: white;">
			邮箱地址：
			</label>
			<input type="email" id="email" /><br/>
			<input type="submit"  value="确定"/>
			<input type="button"  value="取消"/>
		</form>
							
							
							
							</div>
							<div class="modal-footer">
								<button type="button" class="btn btn-default"
									data-dismiss="modal">确定</button>
								<button type="button" class="btn btn-primary">取消
									</button>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal-dialog -->
				</div>
				<!-- /.modal -->
				
				
				
				<!-- Modal -->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
				
				
				<!-- Modal -->
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
				
				
				
				
				<!-- Modal -->
<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
				
				
				
				
				
				

				<a><img alt="" src="images/5.png" width="280px" height="220px"></a>
				
				<h1><button onclick="check(${user.id})" class="btn btn-primary btn-lg" data-toggle="modal"
					data-target="#myModal">修改密码</button></h1>
					
					
					
					
					
				<img alt="" src="images/2.png" width="280px" height="220px">
				<h1><button class="btn btn-primary btn-lg" data-toggle="modal"
					data-target="#myModal2">报修</button></h1>
			</div>

			<div class="right">
				<img alt="" src="images/3.png" width="280px" height="220px">
				<h1><button class="btn btn-primary btn-lg" data-toggle="modal"
					data-target="#myModal3">投诉</button></h1>

				<img alt="" src="images/4.png" width="280px" height="220px">
				<h1><button class="btn btn-primary btn-lg" data-toggle="modal"
					data-target="#myModal4">我的小屋</button></h1>
			</div>
		
			<div class="hhh">
				<div>
					<h2>紧急电话: 火警119、急救中心120、匪警110、</h2>
					<h2>物业管理电话:123123、社区安保电话:456456</h2>
				</div>
				<h2>社区(小区)内的便民服务:</h2>
				<h2>家政服务、清洁服务、物流快递服务等</h2>
			</div>
		</div>


		<div id="footer">
			<p>媒体报道 | 关于我们 | 工作机会 | 相关法律 | 广告服务 | Bus小店 | 申请物业 | 网站地图 | 合作伙伴
			</p>
			<p>© 2002 - 2011 SamsBlog.com, All Rights Reserved. Sams Blog
				版权所有 粤ICP B2-20080056号</p>
		</div>
	</div>
</body>
</html>